<%@ page language="java" import="java.util.*"
  contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>小程序账户</title>
<t:base type="jquery"></t:base>
<script type="text/javascript"
  src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<style>
  .btn {
    width: 100%;
    height: 100px;
    font-size: 25px;
    margin: 20px;
  }
</style>
</head>
<body>
  <h1>测试小程序</h1>
  <button id="btnAdd" class="btn">添加卡券</button>
  <button id="btnCardBag" class="btn">显示卡包</button>
  
  <script type="text/javascript">
      wx.config({
        debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId : '${signture.appId}', // 必填，公众号的唯一标识
        timestamp : '${signture.timestamp}', // 必填，生成签名的时间戳
        nonceStr : '${signture.nonceStr}', // 必填，生成签名的随机串
        signature : '${signture.signature}',// 必填，签名，见附录1
        jsApiList : [ 'scanQRCode', 'chooseCard', 'addCard', 'openCard' ]
      });

      wx.ready(function() {
        // 9.1.2 扫描二维码并返回结果
        /* wx.scanQRCode({
          needResult : 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
          scanType : [ "qrCode", "barCode" ], // 可以指定扫二维码还是一维码，默认二者都有
          success : function(res) {
            var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
          }
        }); */
      });
      
      $('#btnCardBag').click(function(){
        wx.chooseCard({
          // shopId : '', // 门店Id
          // cardType : '', // 卡券类型
          // cardId : '', // 卡券Id
          timestamp : '${cardSignture.timestamp}', // 卡券签名时间戳
          nonceStr : '${cardSignture.nonceStr}', // 卡券签名随机串
          signType : 'SHA1', // 签名方式，默认'SHA1'
          cardSign : '${cardSignture.signature}', // 卡券签名
          success : function(res) {
            var cardList = JSON.parse(res.cardList); // 用户选中的卡券列表信息
            if (cardList.length > 0) {
              var card = cardList[0];
              decryptCode(card.encrypt_code, function(code) {
                openCard(card.card_id, code);
              });
            }
          }
        });
      });
      
      $('#btnAdd').click(function(){
        wx.addCard({
          cardList: [           
            {
              cardId: '${addCard2Signature.cardId}',
              cardExt: '{"nonce_str": "${addCard2Signature.nonceStr}", "timestamp": "${addCard2Signature.timestamp}", "signature":"${addCard2Signature.signature}"}'
            }
          ],
          success: function (res) {
            alert('已添加卡券：' + JSON.stringify(res.cardList));
          },
          cancel: function (res) {
            alert(JSON.stringify(res))
          }
        });
        
      });

      function decryptCode(encryptCode, cb) {
        var url = 'testCardController.do?decryptCode&encryptCode='
            + encodeURIComponent(encryptCode) + '&wxappid=${signture.appId}';
        $.ajax({
          url : url,
          cache : false,
          dataType : 'json',
          success : function(resp) {
            if (cb && resp) {
              cb(resp.obj);
            }
          }
        });
      }

      function openCard(cardId, cardCode) {
        // 需要打开的卡券列表
        wx.openCard({
          cardList : [ {
            cardId : cardId,
            code : cardCode
          } ]
        });
      }
    </script>
</body>
</html>
